<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>录入商品信息</title>
    <link rel="stylesheet" href="/layui/css/layui.css">
    <style>
        .layui-upload-list img {
            max-width: 90px;
            max-height: 90px;
        }

        .layui-upload-list div {
            width: 90px;
            height: 90px;
            float: left;
            margin: 8px;
            line-height: 90px;
            text-align: center;
            cursor: pointer;
            position: relative;
        }

        .layui-upload-list > div:hover::after {
            content: 'x';
            line-height: 20px;
            text-align: right;
            color: red;
            display: block;
            position: absolute;
            left: 0px;
            top: 0px;
            right: 0px;
            bottom: 0px;
            background-color: #1f1f1f55;
            padding: 3px;
        }

        .layui-upload-list::after {
            content: '';
            display: block;
            clear: both;
        }
    </style>
</head>
<body>
<form class="layui-form" style="margin: 15px">
    <div class="layui-form-item">
        <label class="layui-form-label">分类</label>
        <div class="layui-input-inline">
            <select name="parentCategory" lay-filter="parentCategory">

            </select>
        </div>
        <div class="layui-input-inline">
            <select name="categoryId">

            </select>
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">商品名</label>
        <div class="layui-input-inline">
            <input class="layui-input" type="text" name="name">
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">描述</label>
        <div class="layui-input-inline">
            <textarea class="layui-textarea" name="dscp"></textarea>
        </div>
    </div>
    <div class="layui-form-item">
        <div class="layui-form-mid">售价</div>
        <div class="layui-input-inline">
            <input class="layui-input" type="number" name="price">
        </div>
        <div class="layui-form-mid">标价</div>
        <div class="layui-input-inline">
            <input class="layui-input" type="number" name="markPrice">
        </div>
        <div class="layui-form-mid">进价</div>
        <div class="layui-input-inline">
            <input class="layui-input" type="number" name="purchasePrice">
        </div>
    </div>
    <div class="layui-form-item">
        <div class="layui-form-mid">作者</div>
        <div class="layui-input-inline">
            <input class="layui-input" type="text" name="author">
        </div>
        <div class="layui-form-mid">出版社</div>
        <div class="layui-input-inline">
            <input class="layui-input" type="text" name="press">
        </div>
        <div class="layui-form-mid">库存</div>
        <div class="layui-input-inline">
            <input class="layui-input" type="number" name="count">
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">图片</label>
        <div class="layui-input-block">
            <div class="layui-upload">
                <button type="button" class="layui-btn" id="ID-upload-demo-btn-2"
                        lay-options="{accept: 'file',exts: 'jpg|jpeg|png|gif|webp'}">
                    <i class=" layui-icon layui-icon-upload"></i> 多图片上传
                </button>
                <blockquote class="layui-elem-quote layui-quote-nm" style="margin-top: 11px;">
                    预览图：
                    <div class="layui-upload-list" id="upload-demo-preview"></div>
                </blockquote>
            </div>
        </div>
    </div>
    <div class="layui-form-item">
        <div class="layui-input-block">
            <button class="layui-btn" lay-submit lay-filter="add">录入</button>
        </div>
    </div>
</form>


<script src="/layui/layui.js"></script>
<script src="/js/goods.js"></script>
<script>

</script>
</body>
</html>